import React from 'react'
import { Tag, Tabs, Button, Space } from 'antd';
const { TabPane } = Tabs;
import {
    SyncOutlined,
    VideoCameraTwoTone,
    PlusOutlined
} from '@ant-design/icons';
import LiveBroadcastList from './LiveBroadcastList';
import RankingList from './RankingList';
const Animation = () => {
    return (
        <div className='live-broadcast'>
            <div className='live-list'>
                <div className='live-title'>
                    <div className='title'>
                        <VideoCameraTwoTone style={{ fontSize: 18 }} /> &nbsp; 动画
                    </div>
                    <div className='tool'>
                        <Space>
                            <Button size='small' icon={<SyncOutlined spin />} >
                                换一换
                            </Button>
                            <Button size='small' icon={<PlusOutlined />} >
                                更多
                            </Button>
                        </Space>
                    </div>
                </div>
                <div className='live-broadcast-list' style={{ marginTop: 12 }}>
                    <LiveBroadcastList />
                </div>
            </div>
            <div className='live-tabs' >
                <RankingList />
            </div>
        </div>
    )
}


export default Animation;



